<!DOCTYPE html>
<html lang="eng">
    <head>
      <title>Sheldon Cooper High School</title>
      <!--  Font  -->
      <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
      <!--  CSS 'nome'  -->
      <%= stylesheet_link_tag    'application'%>
      <%= yield :css %>
      <!--  JSS 'nome'  -->
      <%= yield :javascript %>
      
    </head>
    <body>
        <header>
            <form id="searchForm">
            	<input class="searchInput" type="search">
            </form>
            <%= image_tag("Search.png", id: "searchIcon", alt: "search-icon") %>
            <nav>
                <ul class="menuBar">
                    <li id="smaboutus"><h3>About Us</h3>
                        <ul class="subMenu">
                            <li><%= link_to 'History & Tradition', welcome_history_and_tradition_path %></li>
                            <li><%= link_to 'Our Mission', welcome_our_mission_path %></li>
                            <li><%= link_to 'Success Data', welcome_success_data_path %></li>
                            <li><%= link_to 'General Rules', welcome_general_rules_path %></li>
                            <li><%= link_to 'Where We Are', welcome_where_we_are_path %></li>
                        </ul>
                    </li>
                    <li><h3>Admissions</h3>
                        <ul class="subMenu">
                            <li>Admission</li>
                            <li>Curriculum Structure</li>
                        </ul>
                    </li>
                    <li><h3>Our Teachers</h3>
                        <ul class="subMenu">
                            <li><%= link_to 'Leadership Members', teachers_best_path %></li>
                            <li>Find Teachers</li>
                        </ul>
                    </li>
                    <li><h3>Our Campus</h3>
                        <ul class="subMenu">
                            <li><%= link_to 'Structures Tour', structures_best_path %></li>
                            <li><%= link_to 'All Structures', structures_all_path %></li>
                        </ul>
                    </li>
                    <li><h3>Events</h3>
                        <ul class="subMenu">
                            <li><%= link_to 'Best Events', events_best_path %></li>
                            <li><%= link_to 'All Events', events_all_path %></li>
                        </ul>
                    </li>
                    <li><h3>Students</h3>
                        <ul class="subMenu">
                            <li>Enter Your Class</li>
                            <li>Students Supports</li>
                        </ul>
                    </li>
                    <li id="smcalendar"><h3>News & Calendar</h3>
                        <ul class="subMenu">
                            <li>Bureaucratic Info</li>
                            <li>Calendar</li>
                            <li>Parent Associations</li>
                    </ul>
                    </li>
                </ul>
            </nav>
            <%= link_to root_path do %><div id="logo"></div><%end%>
        </header>

        <section id="mainContent">
        	<%= yield %>
        </section>

        <footer>
            <div id="footerBar">
                <div id="smallLogo"></div>
                <ul class="address">Sheldon Cooper High School
                    <li>Los Robles Avenue	</li>
                    <li>Pasadena, CA, USA	</li>
                    <li>1-800-692-7752		</li>
                    <li>support@cooperhs.com</li>
                </ul>
                <ul class="socialbuttons">
                    <li><%= image_tag("social/twitterlogo.png", class: "socialLogo", alt: "Twitter") %></li>
                    <li><%= image_tag("social/facebooklogo.png", class: "socialLogo", alt: "Facebook") %></li>
                    <li><%= image_tag("social/googlelogo.png", class: "socialLogo", alt: "Google+") %></li>
                    <li><%= image_tag("social/rsslogo.png", class: "socialLogo", alt: "rss feed") %></li>
                </ul>
            </div>
            <ul class="landmarks">
                <li class="landmark"><h5>About Us</h5>
                    <ul>
                        <li><%= link_to 'History And Tradition', welcome_history_and_tradition_path %></li>
                        <li><%= link_to 'Our Mission', welcome_our_mission_path %></li>
                        <li><%= link_to 'Sucess Data', welcome_success_data_path %></li>
                        <li><%= link_to 'General Rules', welcome_general_rules_path %></li>
                        <li><%= link_to 'Where We Are', welcome_where_we_are_path %></li>
                    </ul>
                </li>
                <li class="landmark"><h5>Admissions</h5>
                    <ul>
                        <li>Admission</li>
                        <li>Curriculum Structure</li>
                    </ul>
                </li>
                <li class="landmark"><h5>Our Teachers</h5>
                    <ul>
                        <li><%= link_to 'Leadership Members', teachers_best_path %></li>
                        <li>Find Teacher</li>
                    </ul>
                </li>
                <li class="landmark"><h5>Our Campus</h5>
                    <ul>
                        <li><%= link_to 'Structures Tour', structures_best_path %></li>
                        <li><%= link_to 'All Structures', structures_all_path %></li>
                    </ul>
                </li>
                <li class="landmark"><h5>Events</h5>
                    <ul>
                        <li><%= link_to 'Best Events', events_best_path %></li>
                        <li><%= link_to 'All Events', events_all_path %></li>
                    </ul>
                </li>
                <li class="landmark"><h5>Students</h5>
                    <ul>
                        <li>Enter Your Class</li>
                        <li>Students Supports</li>
                    </ul>
                </li>
                <li class="landmark"><h5>News & Calendar</h5>
                    <ul>
                        <li>Bureaucratic Info</li>
                        <li>Calendar</li>
                        <li>Parents Associations</li>
                    </ul>
                </li>
            </ul>
        </footer>
    </body>
</html>
